/**
 * @description  收益性表现（时点信息）
 * @author shenhong
 */
import React, { PureComponent } from 'react';
import style from './index.less';
import { IconC } from '../../../components';

class ShowBlock extends PureComponent {
  constructor() {
    super();
    this.state = {};
  }

  render() {
    const { data } = this.props;
    return (
      <div className={style.block_One}>
        <span className='titleOne'>{`${data.type ? data.type : '--'}`}</span>
        <br />
        <div className='date'>
          <span>{`起：${data.beginDate ? data.beginDate : '--'}`}</span>
        </div>
        <div className='date'>
          <span>{`止：${data.endDate ? data.endDate : '--'}`}</span>
        </div>
        <div className='total'>
          <span>{`共有${data.total ? data.total : '--'}只产品`}</span>
        </div>
        <div className='ranking'>
          <IconC type={'rank'} iconType={'original'} style={{ width: '20px', height: '20px' }} />
          <span className='ranging2'>{`第${data.rangking ? data.rangking : '--'}名`}</span>
        </div>
      </div>
    );
  }
}
export default ShowBlock;
